<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户角色授权</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/plugins/bootstraptable/bootstrap-table.min.css">
    <link rel="stylesheet" href="/plugins/bootstrapValidator/css/bootstrapValidator.min.css">
    <link rel="stylesheet" href="/css/font-awesome.css">
    <link rel="stylesheet" href="/plugins/select2/css/select2.min.css"/>
    <link rel="stylesheet" href="/plugins/select2/css/select2-bootstrap.min.css"/>
    <style>
        .table-hover > tbody > tr:hover {
            background-color: #C6E2FF
        }
    </style>
</head>
<body>
<form style="margin-top: 20px" role="form">
    <div class="container">
        <div class="row">
            <!--前缀-->
            <div class="form-group col-lg-3">
                <div class="input-group">
                    <span class="input-group-addon">用户名</span>
                    <input class="form-control" type="text" th:value="${user.workNo}">
                </div>
            </div>
            <div class="form-group col-lg-3">
                <div class="input-group">
                    <span class="input-group-addon">真实姓名</span>
                    <input class="form-control" type="text" th:value="${user.userName}">
                </div>
            </div>
            <div class="form-group col-lg-3">
                <div class="input-group">
                    <span class="input-group-addon">部门</span>
                    <input class="form-control" type="text" th:value="${user.deptName}">
                </div>
            </div>
            <div class="form-group col-lg-3">
                <div class="input-group">
                    <span class="input-group-addon">真实姓名</span>
                    <input class="form-control" type="text" th:value="飞行人员">
                </div>
            </div>
        </div>
    </div>
</form>
<table class="table table-bordered" width="80%">
    <tr>
        <th>授权</th>
        <th>角色名称</th>
        <th>权限查看</th>
    </tr>
    <tr th:each="role : ${user.roleList}">
        <td><input type="checkbox"></td>
        <td th:text="${role.roleName}">系统开发组</td>
        <td>
            <button>查询</button>
        </td>
    </tr>
</table>

<script src="/js/jquery.min.js"></script>
<script src="/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="/plugins/bootstraptable/bootstrap-table.min.js"></script>
<script src="/plugins/bootstraptable/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="/plugins/bootstrapValidator/js/bootstrapValidator.min.js"></script>
<script src="/plugins/bootstrapValidator/js/language/zh_CN.js"></script>
<script src="/plugins/layer/layer.js"></script>
<script src="/plugins/select2/js/select2.full.min.js"></script>

<!-- 自定义js -->
<script>

</script>
</body>
</html>